

.bg {
    background-color: rgb(44, 108, 156);
    display: flex;
    justify-content: center;
    /*display: flex;*/
    align-items: center;
    /*v view  h  height  vh可视高度*/
    height: 100vh;
    color: white;
    min-width: 1000px;
    max-width: 2000px;
}



.bg > div {
    /*border: 1px solid red;*/
    width: 500px;
    height: 300px;
}


.bg > div > div:nth-child(1) {
    display: flex;
    line-height: 50px;
}

/*.bg > div > div:nth-child(1) > div > div {*/
/*    !* 上右下左*!*/
/*    !*margin: 0 10px 10px 10px;*!*/
/*    !* 上下  左右*!*/
/*    margin: 0 10px;*/
/*}*/
/*直接通过标签来做样式：元素选择器*/
form > div:nth-child(1) {
    background-color: rgb(105, 171, 218);
    height: 150px;
    border-radius: 10px;
    padding: 20px 30px;
}

/*form .display-flex>div:nth-child(1){*/
/*    width: 100px;*/
/*    border: 1px solid red;*/
/*}*/

form .width-100 {
    text-align: right;
    margin-right: 30px;
}

.code {
    width: 40px;
}

/*属性选择器*/
input[type=submit] {
    border-radius: 10px;
    font-size: 40px;
    font-family: 楷体;
    line-height: 50px;
    padding: 5px 50px;
    background-color: rgb(168, 205, 232);
    color: white;
    border: none;
    margin-top: 30px;
}